/* side */
.container{ width: 100%;}
.side{ float: left; width: 230px; background-color: #f2f2f2; padding-bottom: 60px;}
.side-company{ width: 230px; height: 110px; padding-top: 15px; display: table-cell; vertical-align: middle; text-align: center}
.side-company-logo{background-color: #f7f7f7;border: 1px dashed #d9d9d9;text-align: center;margin: 0 15px 8px; padding: 22px 0 20px;}
.side-company-logo img,.side-company img{max-width:228px;max-height:110px;}

.side-company-name{ padding-bottom: 20px; line-height: 26px; font-size: 18px; text-align: center;}
.container .wrap{ position:relative}
.container .wrap:before{ position:absolute; left:0; top:0; content:""; background-color:#f2f2f2; border-left: 230px solid #f2f2f2; height:100%; clear:both; z-index:-1}
.container .footer .wrap:before{ background-color:#fff; border:0}
/* nav */
.nav li { margin-bottom: 2px }
.nav-a { display: block; height: 40px; line-height: 40px; color: #333;font-size: 14px; }
.nav-a i { float: left; margin: 10px 18px 0 22px; width: 22px; height: 20px; background: url(/static_public/images/icon/nav_icon.png) no-repeat center center; }
i.icon-home { background-position: 0 0; width: 32px;height: 32px;margin: 13px 15px 0 15px;}
i.icon-book { background-position: 0 -20px; }
i.icon-tuoke { background-position: 0 -40px; }
i.icon-ditch { background-position: 0 -124px;height: 22px;width: 22px; }
i.icon-commission { background-position: 0 -167px;height: 22px; }
i.icon-customer { background-position: 0 -100px; }
i.icon-finance { background-position: 0 -209px;height: 18px; }
i.icon-data { background-position: 0 -190px; }
i.icon-020 { background-position: 0 -248px; }
i.icon-return{background-position: 0 -656px;height: 18px;}
i.icon-set { background-position: 0 -227px; }
i.icon-building { background-position: 0 -104px; }
i.icon-ditchManage { background-position: 0 -146px; }
i.icon-userManage { background-position: 0 -33px; height: 21px; }
i.icon-project { background-position: 0 -53px;height: 18px; }
i.icon-message { background-position: 0 -70px; height: 18px; }
i.icon-xmf{ background-position: 0 -368px; height: 21px; }
i.icon-application{ background-position: 0 -466px; }
i.icon-new-wls{background-position: 0px -421px;height: 23px; }
i.icon-ms{background-position: 0px -508px;height: 25px;}
i.icon-game{background-position: 0px -486px;height: 22px;}
i.icon-old-wls{background-position: 0px -443px;height: 23px; }
i.icon-channel{background-position: 0px -532px;}
i.icon-business{background-position: 0px -575px;}
i.icon-initset{background-position: 0px -553px;height: 22px;}
i.icon-analysis{background-position: 0px -596px;height: 19px;}
i.icon-monitor{background-position: 0px -596px;height: 19px;}
i.icon-monitor{background-position: 0px -614px;}
i.icon-ydxs{background-position: 0px -633px;}
.nav-a:hover, .nav-selected > a { background-color: #ff7713; color: #fff }
.nav-a:hover .icon-book, .nav-selected .icon-book { background-position: -22px -20px; }
.nav-a:hover .icon-tuoke, .nav-selected .icon-tuoke { background-position: -22px -40px; }
.nav-a:hover .icon-ditch, .nav-selected .icon-ditch { background-position: -22px -124px; }
.nav-a:hover .icon-commission, .nav-selected .icon-commission { background-position: -22px -167px; }
.nav-a:hover .icon-customer, .nav-selected .icon-customer { background-position: -22px -100px; }
.nav-a:hover .icon-finance, .nav-selected .icon-finance { background-position: -22px -209px; }
.nav-a:hover .icon-data, .nav-selected .icon-data { background-position: -22px -190px; }
.nav-a:hover .icon-020, .nav-selected .icon-020 { background-position: -22px -248px; }
.nav-a:hover .icon-set, .nav-selected .icon-set { background-position: -22px -227px; }
.nav-a:hover .icon-building, .nav-selected .icon-building { background-position: -22px -104px; }
.nav-a:hover .icon-ditchManage, .nav-selected .icon-ditchManage { background-position: -22px -146px;}
.nav-a:hover .icon-userManage, .nav-selected .icon-userManage { background-position: -22px -33px;}
.nav-a:hover .icon-project, .nav-selected .icon-project { background-position: -22px -53px; }
.nav-a:hover .icon-message, .nav-selected .icon-message { background-position: -22px -70px; }
.nav-a:hover .icon-xmf, .nav-selected .icon-xmf { background-position: -22px -368px; }
.nav-a:hover .icon-application, .nav-selected .icon-application { background-position: -22px -466px; }
.nav-a:hover .icon-new-wls, .nav-selected .icon-new-wls { background-position: -22px -421px; }
.nav-a:hover .icon-ms, .nav-selected .icon-ms { background-position: -22px -508px; }
.nav-a:hover .icon-game, .nav-selected .icon-game { background-position: -22px -486px; }
.nav-a:hover .icon-old-wls, .nav-selected .icon-old-wls { background-position: -22px -443px; }
.nav-a:hover .icon-business, .nav-selected .icon-business { background-position: -22px -575px; }
.nav-a:hover .icon-initset, .nav-selected .icon-initset { background-position: -22px -553px; }
.nav-a:hover .icon-analysis, .nav-selected .icon-analysis { background-position: -22px -596px; }
.nav-a:hover .icon-monitor, .nav-selected .icon-monitor { background-position: -22px -614px; }
.nav-a:hover .icon-ydxs, .nav-selected .icon-ydxs { background-position: -22px -633px; }
.nav-a:hover .icon-channel, .nav-selected .icon-channel { background-position: -22px -532px; }
.nav-a:hover .icon-return, .nav-selected .icon-return{ background-position: -22px -656px; }
.nav-sub{ display: none; padding-top: 2px;}
.nav-sub a{ display: block; height: 40px; padding-left: 72px; line-height: 40px; color: #333}
.nav-sub a:hover, .nav-sub .nav-sub-on a{ background-color: #e5e5e5; color: #ff7713}
.nav-selected .nav-sub,.nav-on .nav-sub{ display: block;}
.nav-sub li a{background: url(/static_public/images/icon/disc.png) no-repeat center left;background-position: 62px 18px;}
.nav-sub a:hover, .nav-sub .nav-sub-on a{background: url(/static_public/images/icon/disc_on.png) no-repeat center left #e5e5e5;background-position: 62px 18px;}
